<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一段Ajax</title>
  <script>
    function ajax1() {

        //1.创建ajax1对象
  let xmlHttpRequest = new XMLHttpRequest();
//2.配置向后端请求类型get post 异步请求数据 传递数据 2 &
  xmlHttpRequest.open("get","/servletstudy_war_exploded/ajax1",true);
//监听数据是否请求成功
  xmlHttpRequest.onreadystatechange=function (){
//服务和客户端握手
    if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status==200){
      if (xmlHttpRequest.status==200){

        let data = xmlHttpRequest.responseText;
        document.getElementById("show").innerHTML=data;
    }
    }
  }
  xmlHttpRequest.send();
    }
  </script>
</head>
<body>
<h1>前后端分离</h1>
<div id="show">
  前端静态内容
</div>
<button onclick="ajax1()">
  请求数据
</button>
</body>
</html>